<script setup lang="ts">
//换成页面弹框了，废弃
</script>
<template>
	<view class="couponBox r-flex-start-center">
		<view class="cb1 c-flex-center-center">
			<view class="">
				<text style="font-size: 38rpx;">￥</text>
				<text style="font-size: 50rpx;">100</text>
			</view>
			<text style="padding: 10rpx 30rpx;background-color: #e7e7e7;font-size: 22rpx;">店铺优惠券</text>
		</view>
		<view class="cb2 c-flex-center-start">
			<text>满100可用</text>
			<text>限该店铺内商品使用</text>
			<text>有效期至2023.8.31 23：59</text>
		</view>
		<view class="cb3">
			使用
		</view>
	</view>
	<view class="couponBox r-flex-start-center">
		<view class="cb1 c-flex-center-center">
			<view class="">
				<text style="font-size: 38rpx;">￥</text>
				<text style="font-size: 50rpx;">100</text>
			</view>
			<text style="padding: 10rpx 30rpx;background-color: #e7e7e7;font-size: 22rpx;">店铺优惠券</text>
		</view>
		<view class="cb2 c-flex-center-start">
			<text>满100可用</text>
			<text>限该店铺内商品使用</text>
			<text>有效期至2023.8.31 23：59</text>
		</view>
		<view class="cb3">
			使用
		</view>
	</view>
	<view class="couponBox r-flex-start-center">
		<view class="cb1 c-flex-center-center">
			<view class="">
				<text style="font-size: 38rpx;">￥</text>
				<text style="font-size: 50rpx;">100</text>
			</view>
			<text style="padding: 10rpx 30rpx;background-color: #e7e7e7;font-size: 22rpx;">店铺优惠券</text>
		</view>
		<view class="cb2 c-flex-center-start">
			<text>满100可用</text>
			<text>限该店铺内商品使用</text>
			<text>有效期至2023.8.31 23：59</text>
		</view>
		<view class="cb3">
			使用
		</view>
	</view>
</template>
<style lang="scss">
	.couponBox {
		width: 686rpx;
		height: 200rpx;
		background-color: #EFEFEF;
		margin: 20rpx auto;

		.cb1 {
			width: 190rpx;
		}

		.cb2 {
			width: 340rpx;
			font-size: 26rpx;
		}

		.cb3 {
			padding: 10rpx 30rpx;
			border: 1rpx solid #000;
			border-radius: 30rpx;
		}
	}
</style>